<template>
    <div class="hdnav">
      <span class="fa fa-align-justify" @click="show" ></span>
      <!--<span class="tilte">首页</span>-->
      <span class="title">
        <slot></slot>
      </span>
      <span class="fa fa-user "></span>
    </div>
</template>
<script>
//  导入css文件
//  import '../assets/font-awesome/css/font-awesome.min.css'
  import bus from '../bus'
    export default{
      methods:{
          show:function(){
//              自定义事件
              bus.$emit('showMenu')
          }
      }
    }
</script>
<style scoped>
  *{
    box-sizing:border-box;
  }
  .hdnav{
    width:100%; line-height:45px; background:#282828;
    color:#666; font-size:2rem; padding:0 15px; position:fixed; top:0;
  }
  .tilte{
    color:#fff; margin-left:10px;
  }
  .fa-user{
    float:right; display:inline-block; margin-top:10px;
  }
  .fa-align-justify{
    cursor:pointer;
  }
</style>
